@import "../../styles/common/theme";

@mixin footer-href {
    color: #666;
    cursor: pointer;
    text-decoration: none;
}

@mixin footer-href-hover {
    color: $theme-red;
}

.footer {
    width: 100vw;

    margin: 30px 0;
    padding-bottom: 30px;

    [class~="footer-wrapper"] {

        [class~="links-wrapper"] {
            width: fit-content;
            margin: 0 auto;

            [class~="divider"] {
                margin: 0 20px;
                border-inline-start: 1.5px solid rgba(5, 5, 5, 0.5) !important;
            }

            a {
                @include footer-href;

                &:hover {
                    @include footer-href-hover;
                }

                &:visited {
                    @include footer-href;

                    &:hover {
                        @include footer-href-hover;
                    }
                }
            }
        }

        [class~="info-wrapper"] {
            color: #666;
            width: fit-content;
            margin: 10px auto 0;
        }
    }
}
